import React from 'react'
// import {  Empty } from 'react-vant';
import { NavBar} from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import hua1 from "../../assets/17.png"
const Index:React.FC = () => {
  const navigate = useNavigate()
  const backmy = () => {
    navigate(-1)
  }
  return (
    <div style={{height:'100vh',backgroundColor:'#fff'}}>
      <div><NavBar onBack={backmy}>我的预约挂号列表</NavBar></div>
         <div >
        {/* <Empty description="暂无挂号订单" /> */}
        <img src={hua1} alt="" style={{width:'60%',height:'60%',marginTop:'20%',marginLeft:'20%'}}/>
         <p style={{textAlign:'center',fontSize:'20px',marginTop:'5%',color:'#999',fontWeight:'none'}}>暂无挂号订单</p>
         </div>


    </div>
  )
}

export default Index